草庐IT

html - onclick CSS 按钮效果

全部标签

javascript - React Styled Components - 如何访问原始 html

我有一个组件的引用,我正在将其转换为styledcomponent在我的应用程序中。ref用于访问组件的原始html元素上的offsetHeight和scrollHeight属性。将此组件切换为样式化组件后,ref现在指向样式化组件而不是原始html元素,我不确定如何引用基本元素。这能做到吗?例子:constTextArea=styled.textarea`display:block;margin:00018%;padding:4px6px;width:64%;font-size:1rem;color:#111;`;exportdefaultclassInputextendsCompo

javascript - jQuery 可以解析存储在变量中的 HTML 吗?

我正在使用PHP和ajax命令获取外部网页的全部HTML内容(通过PHPfile_get_contents()命令)并将该HTML传递到javascript变量中。一旦我将页面的HTML内容存储在一个变量中,我是否可以使用jQuery与该变量的内容交互,就像jQuery通常与DOM交互一样?在此示例中,我试图搜索具有特定ID属性的某些HTML元素(和标签)是否存在。谁能建议我如何才能做到这一点? 最佳答案 如果我理解正确的话,您应该能够将变量传递给jQuery函数并相应地工作。.filter()的简单示例:$(myHtml).fil

javascript - History.js 中有没有办法知道何时按下后退按钮

我已经开始测试History.js.在理解了它的工作原理并且没有popstate之后,取而代之的是statechange。当按下浏览器的后退按钮时,我正在寻找一种不同的方法。原因是我需要知道状态移动之前的URL,从我要去的那个。随着gist该项目包括,只看我们去的URL。我希望解决方案不是在全局变量中跟踪最新访问的URL。谢谢 最佳答案 我发现github上的解决方案对我来说有点过头了。我创建了一个bool值,它始终为真,但在我使用历史记录更改状态之前除外。varmanualStateChange=true;History.Adap

javascript - 如何在 html 应用程序中保护用于解析的 Rest API key

我一直在学习Angular.js并使用了Parse作为后端服务。要将数据发布到ParseRESTfulAPI,您可以在请求的header中传递RESTAPIkey和AppID,如下所示:varconfig={headers:{"X-Parse-REST-API-Key":"someapikey","X-Parse-Application-Id":"someappid"}};$http.post("https://api.parse.com/1/classes/myobject",obj,config).success(function(data){console.log(data);}

javascript - 禁用一页应用程序的浏览器后退按钮

我需要在我的单页应用程序中禁用浏览器的后退按钮。我尝试使用像onhashchange或window.history.forward这样的方法,但它们不起作用(原因可能是url在这里没有改变) 最佳答案 我在AngularJS工作,构建一个单页应用程序,我想禁用或阻止浏览器的后退按钮,因为我的应用程序有按钮和anchor用于我的应用程序的所有导航。我搜索并测试了很多代码,这很容易防止浏览器的后退按钮,下面的代码对我有用。window.onpopstate=function(e){window.history.forward(1);}当

javascript - 在浏览器中显示 HTML 标记而不被渲染

开始实现Javascript,我需要进行故障排除,并希望在不呈现的情况下将HTML输出到屏幕。我可以通过访问元素(在IE中)document.getElementById("test").outerHTML我想,但我无法证明我要确定的是什么。那么我该怎么做才能让document.write显示包括标签在内的整个元素? 最佳答案 你的意思是你想要文字,例如,Hello而不是Hello?如果是这样,请快速执行:myHTML=myHTML.replace(/[&\n]/g,function(x){return{'':'>','&':

Javascript - innerHTML 不适用于 HTML 选择菜单

在我的HTML页面中,我有2个选择菜单,ID为“月”和“日”-页面加载时“日”为空,“月”有12个选项,值1-12对应于1月-12月。“month”有一个onchange事件调用这个函数:functionshowOutboundDays(month){if(month==4||month==6||month==9||month==11)document.getElementById('day').innerHTML='12';etc.upto30elseif(month==2)document.getElementById('day').innerHTML='1';etc.upto28

javascript - 在运行时在 Highcharts 的图表中添加按钮

我需要添加一些自定义按钮(带有onclick事件),而不覆盖导出按钮的值,因为我想包含新按钮而不丢失之前在图表中定义的自定义按钮(我的图表已经定义了自定义按钮),所有这在运行时,在使用此对象的Highcharts图表中:$('container').highcharts()这可能吗? 最佳答案 您可以使用导出对象添加自定义按钮:exporting:{buttons:{customButton:{text:'CustomButton',onclick:function(){alert('Youpressedthebutton!');}

javascript - 如何停止按钮上的页面重新加载单击jquery

我将下面的代码用于使用jQuery的按钮单击事件。单击按钮时,页面将重新加载。$('#button1').click(function(){//Codegoesherereturnfalse;}); 最佳答案 如果您的“按钮”是一个button元素,请确保您明确设置了type属性,否则WebForm将默认将其视为提交。Go如果它是一个input元素,请使用jQuery执行以下操作:$('#button1').click(function(e){e.preventDefault();//Codegoeshere});阅读更多:even

javascript - Angular Material mdTabs - 如何只获得标签动画的效果而不是内容?

我想获得当有人单击选项卡时的动画效果,并且该选项卡下方的边框向右滑动,按钮具有漂亮的波纹效果。我不想使用标签里面的内容,我只是想要标签效果。如您所见,单击第二个选项卡将使边框向右滑动,但内容也会向左移动。作为效果的一部分,我只希望选项卡按钮向右滑动。我怎样才能做到这一点? 最佳答案 你可以在样式中添加这个[role="tabpanel"]{transition:none;} 关于javascript-AngularMaterialmdTabs-如何只获得标签动画的效果而不是内容?,我们在